.home-wrap{
    width:100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.home-con{
    width:100%;
    flex:1;
    overflow: scroll;
}

.home-head h4{
    font-size:14px;
    border-left:4px solid blue;
    padding:4px;
    margin:10px;
}

.select-item{
    width:100%;
    margin-bottom:10px;
}

.select-option{
    border:1px solid gray;
    margin:4px;
    text-align: center;
    position: relative;
    padding:10px;
    overflow: hidden;
}

.select-con{
    padding:10px;
    background: #eee;
}

.end{
    background: gray;
    text-align: left;
}

.my-select li{
    text-align: left;
}

.end .select-count,.end .count,.my-select .select-count,.my-select .count{
    display: block;
}

.my-select .select-count{
    background: lightblue;
}

.select-count{
    width:20px;
    height: 100%;
    background: blue;
    display: none;
    position: absolute;
    top:0;
    left:0;
}

.count{
    position: absolute;
    right:15px;
    top:10px;
    display: none;
}

.title{
    position: relative;
    z-index:9;
}

.my-selected .title:after{
    content: 'v';
    right:-10px;
    position: absolute;
}

